﻿<!DOCTYPE html>
<html lang="en">
    <head>
        <title>Bistro Foods</title>
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
        <link rel="shortcut icon" href="../img/fav.png">
        <meta name="author" content="colorlib">
        <meta name="description" content="">
        <meta name="keywords" content="">
        <meta charset="UTF-8"> 

        <link rel="stylesheet" href="../static/css/linearicons.css">
        <link rel="stylesheet" href="../static/css/font-awesome.min.css">
        <link rel="stylesheet" href="../static/css/bootstrap.css">
        <link rel="stylesheet" href="../static/css/magnific-popup.css">
        <link rel="stylesheet" href="../static/css/jquery-ui.css">
        <link rel="stylesheet" href="../static/css/nice-select.css">
        <link rel="stylesheet" href="../static/css/animate.min.css">
        <link rel="stylesheet" href="../static/css/owl.carousel.css">
        <link rel="stylesheet" href="../static/css/style.css">
        
        <link href="https://fonts.googleapis.com/css?family=Poppins:100,200,400,300,500,600,700" rel="stylesheet">
        <link href="https://fonts.googleapis.com/css2?family=Ephesis&display=swap" rel="stylesheet"> 
    </head>
        <body>           
            <header id="header">
                <div class="container main-menu">
                    <div class="row">
                        <div class="col-xxl-3 col-xl-3 col-lg-3 col-md-3 col-sm-12">
                            <a class="navbar-brand" href="index.html">Bistro Foods</a>
                        </div>
                        <div class="col-xxl-9 col-xl-9 col-lg-9 col-md-9 col-sm-12">
                            <div class="row align-items-center justify-content-center d-flex">
                                <nav id="nav-menu-container">
                                    <ul class="nav-menu">
                                        <li><a href="index.html">首页</a></li>
                                        <li><a href="about.html">关于</a></li>
                                        <li><a href="menu.html">菜单</a></li>
                                        <li><a href="gallery.html">图画</a></li>
                                        <li><a href="contact.html">联系：订餐</a></li>
                                    </ul>
                                </nav>
                                <!-- #nav-menu-container -->					      		  
                            </div>
                        </div>
                    </div>    
                </div>
            </header>
            <!-- #header -->					
            <!-- start banner Area -->
            <section class="about-banner relative">
                <div class="overlay overlay-bg"></div>
                <div class="container">				
                    <div class="row d-flex align-items-center justify-content-center">
                        <div class="about-content col-lg-12">
                            <h1 class="text-white">
                                关于
                            </h1>	
                            <p class="text-white link-nav">
                                <a href="index.html">首页 </a>
                                <span class="lnr lnr-arrow-right"></span>  
                                <a href="about.html"> 关于</a>
                            </p>
                        </div>	
                    </div>
                </div>
            </section>
            <!-- End banner Area -->	

            <!-- Start home-about Area -->
            <div class="container-xxl">
                <section class="home-about-area">
                    <div class="container">
                        <div class="row align-items-center">
                            <div class="col-lg-6 home-about-left">
                                <h4>About Our</h4>
                                <div class="about-restaurant">
                                    <h1>RESTAURANT</h1>
                                </div>
                                <p>
                                    Taste of unlimited menu fulfilled with incredible 
                                    culinary pleasures. Taste of author 's cocktails 
                                    that will immerse you in the Caribbean temperament. 
                                    Taste of true bliss of rhythm and mood, which will 
                                    banish all prosaic thoughts and will add color to your 
                                    everyday life! One Love! One Heart! Let's get together 
                                    and feel all... 
                                </p>
                                <a href="menu.html" class="primary-btn">view full menu</a>
                            </div>
                            <div class="col-lg-6 home-about-right">
                                <img class="img-fluid" src="../img/specialities/specialities1.png" alt="">
                            </div>
                        </div>
                    </div>	
                </section>
            </div>
            <!-- End home-about Area -->
            
            <!-- Service Start -->
            <div class="container-xxl py-5">
                <div class="container">
                    <div class="row g-4">
                        <div class="col-xxl-3 col-xl-3 col-lg-3 col-md-12 col-sm-12 wow fadeInUp" data-wow-delay="0.1s">
                            <div class="service-item rounded pt-3">
                                <div class="p-4">
                                    <i class="fa fa-3x fa-user text-primary mb-4"></i>
                                    <h5>Master Chefs</h5>
                                    <p>Diam elitr kasd sed at elitr sed ipsum justo dolor sed clita amet diam</p>
                                </div>
                            </div>
                        </div>
                        <div class="col-xxl-3 col-xl-3 col-lg-3 col-md-12 col-sm-12 wow fadeInUp" data-wow-delay="0.3s">
                            <div class="service-item rounded pt-3">
                                <div class="p-4">
                                    <i class="fa fa-3x fa-cutlery text-primary mb-4"></i>
                                    <h5>Quality Food</h5>
                                    <p>Diam elitr kasd sed at elitr sed ipsum justo dolor sed clita amet diam</p>
                                </div>
                            </div>
                        </div>
                        <div class="col-xxl-3 col-xl-3 col-lg-3 col-md-12 col-sm-12 wow fadeInUp" data-wow-delay="0.5s">
                            <div class="service-item rounded pt-3">
                                <div class="p-4">
                                    <i class="fa fa-3x fa-cart-plus text-primary mb-4"></i>
                                    <h5>Online Order</h5>
                                    <p>Diam elitr kasd sed at elitr sed ipsum justo dolor sed clita amet diam</p>
                                </div>
                            </div>
                        </div>
                        <div class="col-xxl-3 col-xl-3 col-lg-3 col-md-12 col-sm-12 wow fadeInUp" data-wow-delay="0.7s">
                            <div class="service-item rounded pt-3">
                                <div class="p-4">
                                    <i class="fa fa-3x fa-headphones text-primary mb-4"></i>
                                    <h5>24/7 Service</h5>
                                    <p>Diam elitr kasd sed at elitr sed ipsum justo dolor sed clita amet diam</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- Service End -->
                                    							
            <!-- start footer Area -->		
            <footer class="footer-area">
                <div class="footer-widget-wrap">
                    <div class="container">
                        <div class="row section-gap">
                            <div class="col-lg-4  col-md-6 col-sm-6">
                                <div class="single-footer-widget">
                                    <h4>Opening Hours</h4>
                                    <ul class="hr-list">
                                        <li class="d-flex justify-content-between">
                                            <span>Monday - Friday</span> <span>08.00 am - 10.00 pm</span>
                                        </li>
                                        <li class="d-flex justify-content-between">
                                            <span>Saturday</span> <span>08.00 am - 10.00 pm</span>
                                        </li>
                                        <li class="d-flex justify-content-between">
                                            <span>Sunday</span> <span>08.00 am - 10.00 pm</span>
                                        </li>																				
                                    </ul>
                                </div>
                            </div>
                            <div class="col-lg-4  col-md-6 col-sm-6">
                                <div class="single-footer-widget">
                                    <h4>Contact Us</h4>
                                    <p>
                                        65 Thomas Street,New York 10016
                                    </p>
                                    <p class="number">
                                        (+1) 234 567 8901 <br>
                                        (+1) 234 567 8807
                                    </p>
                                    <p class="email">
                                    restaurant@website.com
                                    </p>
                                </div>
                            </div>						
                            <div class="col-lg-4  col-md-6 col-sm-6">
                                <div class="single-footer-widget">
                                    <h4>Newsletter</h4>
                                    <p>You can trust us. we only send promo offers, not a single spam.</p>
                                    <div class="d-flex flex-row" id="mc_embed_signup">
                                        <form class="navbar-form" action="#" method="get">
                                            <div class="input-group add-on align-items-center d-flex">
                                                <input class="form-control" name="EMAIL" placeholder="Your Email address" onfocus="this.placeholder = ''" onblur="this.placeholder = 'Your Email address'" required="" type="email">
                                                <div style="position: absolute; left: -5000px;">
                                                    <input name="b_36c4fd991d266f23781ded980_aefe40901a" tabindex="-1" value="" type="text">
                                                </div>
                                                <div class="input-group-btn">
                                                    <button class="genric-btn"><span class="lnr lnr-arrow-right"></span></button>
                                                </div>
                                            </div>
                                            <div class="info mt-20"></div>
                                        </form>
                                    </div>
                                </div>
                            </div>						
                        </div>					
                    </div>					
                </div>
                <div class="footer-bottom-wrap">
                    <div class="container">
                        <div class="row footer-bottom d-flex justify-content-between align-items-center">
                            <p class="col-lg-8 col-md-6 col-sm-6 footer-text m-0">
                                Copyright &copy;<script>document.write(new Date().getFullYear());</script> All rights By <a href="http://www.bootstrapmb.com/">bootstrapmb</a> |
                            </p>
                            <ul class="col-lg-4 col-md-6 col-sm-6 social-icons text-right">
                                <li><a href="#"><i class="fa fa-facebook"></i></a></li>
                                <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                                <li><a href="#"><i class="fa fa-instagram" aria-hidden="true"></i></a></li>
                                <li><a href="#"><i class="fa fa-pinterest-square" aria-hidden="true"></i></a></li>            
                            </ul>
                        </div>						
                    </div>
                </div>
            </footer>
            <!-- End footer Area -->	

            <script src="../static/js/vendor/jquery-2.2.4.min.js"></script>
            <!--<script src="js/popper.min.js"></script>
            <script src="js/vendor/bootstrap.min.js"></script>			
            <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDcfEdcYv9wIuEaCZnhuEowbh0Xc3G0OAQ"></script>-->		
            <script src="../static/js/jquery-ui.js"></script>
            <script src="../static/js/easing.min.js"></script>
            <script src="../static/js/hoverIntent.js"></script>
            <script src="../static/js/superfish.min.js"></script>
            <script src="../static/js/jquery.ajaxchimp.min.js"></script>
            <script src="../static/js/jquery.magnific-popup.min.js"></script>
            <script src="../static/js/jquery.nice-select.min.js"></script>
            <script src="../static/js/owl.carousel.min.js"></script>
            <script src="../static/js/isotope.pkgd.min.js"></script>
            <script src="../static/js/mail-script.js"></script>
            <script src="../static/js/main.js"></script>
            <script src="../static/js/scroll.js"></script>
    </body>
</html>